<div id="city-popup" class="hidden">
    <div id="city-popup-inner">
        <div id="city-popup-inner-header">
            <img id="close-popup" src="/adminarea/img/icon.png">
        </div>
        <?php
        $form = $this->beginWidget('CActiveForm', array(
            'id' => 'admin-area-city-form',
            //'action' => '/main/ajax/contactJoin',
            'enableClientValidation' => true,
            'htmlOptions' => array('class' => 'form', 'novalidate' => 'novalidate'),
            'clientOptions' => array(
                'validateOnSubmit' => true,
            ),
        ));
        ?>
        <div>
            <?php echo $form->error($model, 'city_title'); ?>
            <?php echo $form->error($model, 'city_price'); ?>  
            <?php echo $form->error($model, 'city_description'); ?>  
        </div>
        <div id="city-popup-content">				
            <p>Добавить город</p>
            <div id="city-popup-content-inner">				
                <input type="hidden" name="city-action" value="add">
                <div id="popup-left-container">
                    <?php echo $form->textField($model, 'city_title', array('placeholder' => 'Название города', 'class' => 'text-field')); ?>               

                </div>
                <div id="popup-right-container">
                    <?php echo $form->textField($model, 'city_price', array('placeholder' => 'Цена за сутки', 'class' => 'text-field')); ?>
                </div>
                <?php echo $form->textArea($model, 'city_description', array('placeholder' => 'Краткий SEO текст для города (до 1000 знаков)', 'class' => 'text-area')); ?>
            </div>
            <div class="clear"></div>
        </div>
        <div id="city-popup-inner-footer">
            <button id="city-popup-add-button" class="single-button">Добавить</button>
        </div>
        <?php $this->endWidget(); ?>
    </div>
</div>
<h1>Города</h1>
<div id="add-new-city-outer"><a id="add-new-city" class="single-button" href="#">Добавить город</a></div>
<p>На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее. На этой странице вы можете просмотривать все добавленные вами эвакуаторы, у каждого есть свой статус и так далее.</p>			
<div id="content-inner">
    <table class="admin-area-table">
        <thead>
            <tr>								
                <th><div class="title mid-cell"><p>Название города</p></div></th>
        <th><div class="title mid-cell"><p>Стоимость в сутки</p></div></th>
        <th><div class="title mid-cell"><p>Дата добавления</p></div></th>
        <th><div class="title mid-cell"><p>Дата изменения</p></div></th>
        <th><div class="title"><img class="eye-action-head" src="/adminarea/img/icon.png"></div></th>
        </tr>
        </thead>
        <tbody>
            <?php foreach ($models as $news): ?>
                <tr id="table-row-<?php echo $news['city_id']; ?>">								
                    <td><div class="cell mid-cell"><p class="tcityname"><?php echo $news['city_title']; ?></p></div></td>
                    <td><div class="cell mid-cell"><p class="tpriceperday"><?php echo $news['city_price']; ?></p></div></td>
                    <td><div class="cell mid-cell"><p><?php echo date('d.m.Y', $news['city_added']); ?></p></div></td>								
                    <td><div class="cell mid-cell"><p><?php echo date('d.m.Y', $news['city_changed']); ?></p></div></td>								
                    <td><div class="cell"><img class="eye-action" src="/adminarea/img/icon.png"></div></td>
                </tr>
                <tr class="hidden table-row-<?php echo $news['city_id']; ?>">
                    <td colspan="5">
                        <div class="extended-row-inner row-full-length">
                            <div class="extended-row-inner-content">
                                <div class="message-content">
                                    <p><?php echo $news['city_description']; ?></p>
                                </div>											
                            </div>
                            <div class="extended-row-inner-footer">
                                <?php echo CHtml::link('Редактировать', array('cities/update', 'id' => $news['city_id']), array('class' => 'single-button')); ?>                                
                            </div>
                        </div>
                    </td>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>				
</div>
<script type="text/javascript">
    function resetTableView() {
        $("table.admin-area-table tr.extracted").each(function() {
            if ($(this).attr("id")) {
                $(this).removeClass("extracted");
            } else {
                $(this).addClass("hidden");
                $(this).removeClass("extracted");
            }
        });
    }
</script>
<script type="text/javascript">
    $(function() {
        $("img.eye-action").click(function() {
            var a = $(this).parent().parent().parent();
            var b = a.attr("id");
            var c = a.parent();
            var d = c.find("tr." + b);
            if (d.hasClass("hidden")) {
                resetTableView();
                d.removeClass("hidden");
                d.addClass("extracted");
                a.addClass("extracted");
            } else {
                d.addClass("hidden");
                d.removeClass("extracted");
                a.removeClass("extracted");
            }
        });
    });
</script>